.duanzi{
    width: 90%;
    margin: 20px auto;
}

.duanzi ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.duanzi li{
    width: 300px;
    height: 150px;
    border: 1px dashed darkcyan;
    margin: 20px;
    /* overflow: auto; */
}

.duanzi li:hover{
    background: gainsboro;
    cursor: pointer;
}

.duanzi  h3{
    text-align: center;
}

.duanzi  p{
    text-indent: 40px;
    font-size: 14px;
    line-height: 25px;
}


/* 模态框 */
.duanzi .model{
    width: 400px;
    background: white;
    position: fixed;
    top: 20%;
    left: 30%;
    border: 8px solid rgb(224, 140, 224);
    z-index: 100;
}

/* 遮罩层 */
.duanzi .bg{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(0, 0, 0, 0.2);

}

.duanzi .close{
    float: right;
    cursor: pointer;
}
